<!--  -->
<template>
  <div class="drawer">
    <el-drawer v-model="isShowDrawer" :size="size" v-bind="otherOptions" :title="title" :direction="direction"
      destroy-on-close>
      <slot></slot>
    </el-drawer>
  </div>
</template>
<script setup lang='ts' >
import { ref } from 'vue'
const props = defineProps({
  size: {
    type: String || Number,
  },
  otherOptions: {
    type: Object,
  },
  pageName: {
    type: String,
    required: true
  }
})



const direction = ref('rtl')
const isShowDrawer = ref(false)
const title = ref("添加菜单信息")
defineExpose({
  isShowDrawer,
  title
})
</script>
<style lang='less' scoped>
</style>
